<template>
    <div class="header">
        <p class="head-title">
            <slot name="title"> </slot>
        </p>
        <div class="btn-box">
            <slot name="btn"> </slot>

        </div>
    </div>
</template>

<script setup name="HeaderTitle">
defineOptions({ name: 'HeaderTitle', autoImport: true })
</script>

<style lang="scss" scoped>

.header {
    height: 64px;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9D9;
    align-items: center;
    padding: 0 24px;

    .head-title {
        color: #262626;
        font-size: 18px;
        font-weight: bold;
    }
}
</style>
